<!-- 
    1、移动端浏览器主要对webkit内核兼容
    2、移动端端碎片化严重，分别率、屏幕尺寸大小不一

浏览器现状
    PC端：
        360、谷歌、火狐、qq、百度、搜狗、ie
    移动端：
        uc、qq、欧朋、百度、360、谷歌、搜狗、猎豹、Safari
    国内手机浏览器基本都是webkit内核修改过来的，
    就像国内手机操作系统基本都是Android修改过来的一样。
    移动端开发，只要兼容webkit内核即可，无需考虑其它，意味着css3、html5都能使用。

手机屏幕现状
    屏幕尺寸非常多，碎片化严重
    Android分别率：
        480*800、480*854、540*960、720*1280、1080*1920、2K屏、4K屏...
    iPhone分别率：
        640*960、640*1136、750*1334、1242*2208...
    单位：dp、dpi、pt、ppi等
    现阶段：不要考虑太多分别率，记住常用尺寸单位是像素px即可
    参考网站：https://material.io/devices/

调试方式
    浏览器模拟（例如：Chrome DevTools）
    本地服务器（手机、服务器在同一个局域网内，可通过手机访问服务器）
    外网服务器，直接IP或域名访问
 -->
